<template>
  <div>
    <el-container>
      <el-main style="width: 75%">
        <indexBlogList/>
      </el-main>
      <el-aside id="aside" style="width: 20%" class="hidden-xs-only">
        <div style="margin: 10px" >
          <!-- <introduction/> -->
          <!-- <newDiscuss/> -->
          <hotBlog/>
          <statisticalBlog/>

          <myTag/>
      
        </div>
      </el-aside>
    </el-container>
  </div>
</template>
<script>
 import myTag from '@/components/myTag'
  import hotBlog from '@/components/hotBlog'
  import statisticalBlog from '@/components/statisticalBlog'
  import indexBlogList from '@/components/indexBlogList'

  import 'element-ui/lib/theme-chalk/display.css';

  export default {
    name: 'index',
    components: {hotBlog, statisticalBlog, indexBlogList,myTag}
  }
</script>
<style scoped>

</style>
